<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./ajax.js"></script>
</head>
<body>
<button>get</button>
<button>post</button>
</body>
<script>
    const btns = document.querySelectorAll("button");
    {
        // 1- fetch是window对象下的方法
        // console.log(window.fetch);
        // console.log(fetch)
    }
    {
        // 2- get
        btns[0].onclick = async function(){
            // 2-1 - 发送
            // fetch("http://zhangpeiyue.com/scoreList?userName=张三");

            // 2-2- fetch返回的是一个Promise实例
            // const result = fetch("http://zhangpeiyue.com/scoreList?userName=张三");
            // result.then(value=>{
            //     value.json().then(value=>{
            //         console.log(value)
            //     })
            // })

            // const result = await fetch("http://zhangpeiyue.com/scoreList?userName=张三");
            // const res = await result.json();
            // console.log(res);

            // fetch("http://zhangpeiyue.com/scoreList").then(value=>{
            //     return value.json();
            // }).then(value=>{
            //     console.log(value);
            // })

            // const res = await fetch("http://zhangpeiyue.com/scoreList").then(value=>{
            //     return value.json();
            // })
            // console.log(res);

            ajax("http://zhangpeiyue.com/scoreList").then(value=>{
                console.log(value);
            })

        }
    }
    {
        // 3- post
        btns[1].onclick = function(){

            // fetch("http://zhangpeiyue.com/scoreList",{
            //     method:"post",
            //     headers:{
            //         "Content-Type":"application/json"
            //     },
            //     body:JSON.stringify({
            //         userName:"毛不易",
            //         age:16
            //     })
            // }).then(response=>{
            //     response.json().then(data=>{
            //         console.log(data);
            //     })
            // })

            // ajax("http://zhangpeiyue.com/scoreList",{
            //     method:"post",
            //     data:{
            //         userName:"古天乐",
            //         age:10
            //     }
            // }).then(value=>{
            //     console.log(value);
            // })

            ajax.post("http://zhangpeiyue.com/scoreList",{
                userName:"彪哥",
                age:18
            }).then(value=>{
                console.log(value);
            })
        }
    }
</script>
</html>